<%@ page import="com.bank.maven.entity.User" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2024/9/2
  Time: 下午1:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery-1.8.0.min.js"></script>
</head>
<%
    User s = (User) session.getAttribute("s1");
%>
<body>
<form action="" id="myform" method="post">
    <table border="1">
        <input type="hidden" name="mid" id="Mid" value="<%=s.getId()%>">
        <tr>
            <td>付款人姓名</td>
            <td><input type="text" id="name" name="name" value="<%=s.getName()%>"></td>
        </tr>

        <tr>
            <td>收款人姓名</td>
            <td>
                <select name="state" id="state">
                    <option value="0">--请选择--</option>
                    <%--                <option value="1">小王</option>--%>
                    <%--                <option value="2">小李</option>--%>
                    <%--                <option value="3">小张</option>--%>
                </select>
            </td>
        </tr>

        <tr>
            <td>收款人银行卡号</td>
            <td><input type="text" id="kahao" name="kahao"></td>
        </tr>
        <tr>
            <td>转账金额</td>
            <td><input type="text" id="money" name="money"></td>
        </tr>
        <tr style="text-align: center">
            <td colspan="2">
                <input type="button" value="提交" onclick="add()">
                <input type="reset" value="重置" onclick="show1()">
            </td>
        </tr>
    </table>
</form>
</body>
<script>
    var selectList = [];
    var currentUserName = "<%=s.getName()%>";
    var id1 = "<%=s.getId()%>";
    var id;
    var money2;

    $(document).ready(function () {
        $(function () {
            $.getJSON("selectservlet", show);
        })

        function show(data) {
            selectList = data;
            $(data).each(function (index, v) {
                if (currentUserName !== v.name) { // 使用JavaScript变量进行比较
                    let option = '<option value=' + v.id + '>' + v.name + '</option>'
                    // console.log(option);
                    <%--$("#mytable").append("<tr><td>" + v.id + "</td> <td>" + v.name + "</td><td>" + v.kahao + "</td><td>" + v.iphone + "</td><td>" + v.money + "</td><td><a href='<%=request.getContextPath()%>/selectIdServlet?sid=" + v.id + "'>转账</a></td></tr>")--%>
                    $('#state').append(option);
                } else {
                    money2 = v.money;
                    // console.log(money);
                }
            });

            $('#state').change(function () {
                var selectedValue = $(this).val();
                // var selectedText = $(this).find('option:selected').text();
                for (let a = 0; a < selectList.length; a++) {
                    if (selectList[a].id == selectedValue) {
                        id = selectList[a].id;
                        $("#kahao").val(selectList[a].kahao);
                        // console.log('选中的值是: ' + selectedValue + '，选中的文本是: ' + selectList[a].kahao);
                        break;
                    }
                }
            });
        }
    })

    function add() {
        var money1 = $("#money").val();

        if (money1 >= 0 && money1 <= money2) {
            $.get("addServlet", $("#myform").serialize(), function (response) {
                alert(response);
                if (response == "添加成功") {
                    window.location.href = "sss.jsp";
                }
            });
            $.get("updataServlet", "mid=" + id1 + "&id2=" + id + "&money=" + money1, function (response) {
                // alert(response);
                // 处理 updataServlet 的响应
            });
        } else {
            alert("余额不足或者余额小于零");
        }
    }
</script>
<%--<script>--%>
<%--    // document.addEventListener('DOMContentLoaded', function () {--%>
<%--    //     var name = document.getElementById("name").value;--%>
<%--    //     var select = document.getElementById('state');--%>
<%--    //--%>
<%--    //     if (name === "小王") {--%>
<%--    //         select.remove(1); // 移除“小王”选项--%>
<%--    //     }--%>
<%--    //     if (name === "小李") {--%>
<%--    //         select.remove(2); // 移除“小李”选项--%>
<%--    //     }--%>
<%--    //     if (name === "小张") {--%>
<%--    //         select.remove(3); // 移除“小张”选项--%>
<%--    //     }--%>
<%--    // });--%>
<%--    //--%>
<%--    // $(document).ready(function () {--%>
<%--    //     $('#state').change(function () {--%>
<%--    //         var selectedValue = $(this).val();--%>
<%--    //         var selectedText = $(this).find('option:selected').text();--%>
<%--    //         if (selectedValue === "1") {--%>
<%--    //             selectedText = "6222352412583936128";--%>
<%--    //         }--%>
<%--    //         if (selectedValue === "2") {--%>
<%--    //             selectedText = "6222352412583936125";--%>
<%--    //         }--%>
<%--    //         if (selectedValue === "3") {--%>
<%--    //             selectedText = "6222352412583936126";--%>
<%--    //         }--%>
<%--    //--%>
<%--    //         $("#kahao").val(selectedText);--%>
<%--    //         console.log('选中的值是: ' + selectedValue + '，选中的文本是: ' + selectedText);--%>
<%--    //         // 在这里执行其他操作--%>
<%--    //     });--%>
<%--    // });--%>
<%--</script>--%>
</html>
